import React, { FC, ReactNode, memo } from 'react'
import { FooterWrapper } from './style'
import { footerPicLinks, footerLinks } from '@/assets/data/local-data'

interface IProps {
  children?: ReactNode
}

interface footerLink {
  title: string
  link: string
}

const AppFooter: FC<IProps> = () => {
  return (
    <FooterWrapper>
      <div className="pic wrap-v2">
        {footerPicLinks.map((item: footerLink, index: number) => {
          return (
            <div key={item.title} className="pic-link">
              <a
                className={`${'link-icon ' + 'logonew_0' + (index + 1)}`}
                href={item.link}
                rel="noopener noreferrer"
                target="_blank"
              ></a>
              <span className="link-name">{item.title}</span>
            </div>
          )
        })}
      </div>
      <div className="copy wrap-v2">
        <p className="link">
          {footerLinks.map((item: footerLink) => {
            return (
              <a
                key={item.title}
                className="link-text"
                href={item.link}
                rel="noopener noreferrer"
                target="_blank"
              >
                {item.title}
              </a>
            )
          })}
        </p>
      </div>
      <div className="wrap-v2">
        <p className="jubao">
          <a
            className="jubao-link"
            href="https://jubao.163.com"
            rel="noopener noreferrer"
            target="_blank"
          >
            廉正举报
          </a>
          <span className="jubao-mail">
            不良信息举报邮箱: 51jubao@service.netease.com
          </span>
          <span>客服热线：95163298</span>
        </p>
      </div>
      <div className="wrap-v2">
        <p className="jubao">
          <span className="jubao-mail">
            互联网宗教信息服务许可证：浙（2022）0000120
          </span>
          <span>增值电信业务经营许可证：浙B2-20150198&nbsp;&nbsp;</span>
          <a
            className="jubao-link"
            href="https://beian.miit.gov.cn/"
            rel="noopener noreferrer"
            target="_blank"
          >
            粤B2-20090191-18 工业和信息化部备案管理系统网站
          </a>
        </p>
      </div>
      <div className="wrap-v2">
        <p className="jubao">
          <span>
            网易公司版权所有©1997-2025&nbsp;&nbsp;&nbsp;杭州乐读科技有限公司运营：
            <a
              className="wangwen"
              rel="noopener noreferrer"
              target="_blank"
              href="https://p6.music.126.net/obj/wonDlsKUwrLClGjCm8Kx/34942157981/2e30/30c1/ad1f/7be053a28e91dd8bafe49bdf6455cb2a.png"
            >
              浙网文[2024]0900-042号
            </a>
            &nbsp;&nbsp;
          </span>
          <a
            className="jubao-link"
            href="https://jubao.163.com"
            rel="noopener noreferrer"
            target="_blank"
          >
            <span className="beian">
              <img
                className="icon"
                src="https://s2.music.126.net/style/web2/img/3rd/police.png?d8d467adc56621ffd3e57099bb8ff3f5"
                alt="police"
              />
              &nbsp;浙公网安备 33010802013307号 算法服务公示信息
            </span>
          </a>
        </p>
      </div>
    </FooterWrapper>
  )
}

export default memo(AppFooter)
